<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="华翰科技官网" />
  <meta name="description" content="赋能教育数字化" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/about.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>华翰科技</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <ul class="nav">
        <li class="nav-item"><a href="#">首页</a></li>
        <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
          <ul class="sub-nav">
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程产品</a></li>
            <li><a href="">E校通教育与知识数字化工具</a></li>
            <li><a href="">教育数字化管理系统</a></li>
            <li><a href="">CRM数字化营销系统</a></li>
            <li><a href="">学员数字化学习服务</a></li>
          </ul>
        </li>
        <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
          <ul class="sub-nav">
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </li>
        <li class="nav-item"><a class="arrow" href="#">关于华翰</a>
          <ul class="sub-nav">
            <li><a href="">华翰故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">帮助中心</a>
              <ul class="sub2-nav">
                <li><a href="">必过帮助</a></li>
                <li><a href="">E校通帮助</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
      <div class="action">
        <div class="btn btn-login">登录</div>
        <div class="btn btn-try">试用</div>
      </div>
    </div>
    <div class="bg-container"></div>
  </header>
  <div class="about-us">
    <ul id="tabs">
      <li class="current"><a href="#" title="tab1" target="_blank">
          <h5>华翰故事</h5>
        </a></li>
      <li><a href="index.html" title="tab2" target="_blank">
          <h5>品牌动态</h5>
        </a></li>
      <li><a href="#" title="tab3" target="_blank">
          <h5>联系我们</h5>
        </a></li>
      <li><a href="#" title="tab4" target="_blank">
          <h5>帮助中心</h5>
        </a></li>
    </ul>
    <div id="contents">
      <div id="tab1" class="item show">
        <h4 class="h1 w wow bounce">华翰科技，教育赋能数字化</h4>
        <div class="artical w">
          <p>
            风云激扬，波澜震荡，商业世界经历着由互联网科技主导的变革之路，中国教育行业迎来几千年里最精彩的华章。从2010年到2020年，国内在线教育市场规模从491.1亿元增长到4500亿元，用户规模从4471.8万增长到3.51亿，十年间增长超过八倍。
          </p>
          <p>行业飞速发展得益于国家政策大力支持，十九大报告明确提出发展网络教育，加快教育现代化。教育部《关于促进在线教育健康发展的指导意见》强调，构建扶持在线教育发展的政策体系，鼓励社会力量举办在线教育机构。</p>
          <p>2013年盛夏的珠江岸边，华翰教育科技公司带着科技和教育的双重基因拔地而起，以赋能教育数字化，科技助推中国教育向着更高水平发展为历史使命。华翰科技的诞生，给尚在起步阶段的中国在线教育行业注入了强大的新动力。
          </p>
          <p>
            华翰凝聚着来自全国互联网一线技术团队，拥有十余项自主知识产权和国家科技型企业资质，相继自主研发必过在线教育OEM平台、教务管理系统、教培CRM系统等拳头产品。聚焦商业价值，前瞻性打造机构竞争力格局，华翰科技为教培机构提供全场景数字化解决方案，针对机构需求痛点提供定制化服务，助推机构业绩高效、持续、稳定增长。
          </p>
          <p>
            如今华翰科技从壮阔的珠江两岸奔涌而出，全国营销服务中心覆盖广州、深圳、北京、上海、杭州、长沙、武汉、成都、西安等20余个大中城市，建立广州、东莞、长沙三大摄制基地及全国本地化摄制服务网络，聚合3000名以上全科目资深名师，1500门以上海量课程资源，超过3000家中大型机构持续选择，助力机构服务学员超过500万人。
          </p>
          <p>随着在研发领域持续加大投入，全国本地化服务深度完善，未来华翰科技必然以更优势的产业格局、更全面的服务体系保持高速增长，成为中国在线教育科技领先的创新型独角兽公司。</p>
        </div>
        <h4 class="h2 w">品牌历程</h4>
        <div class="history w" id="box">
          <ul>
            <li class="history-item">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2013年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">06月</span><span class="dot"></span><span
                      class="con">华翰教育科技公司在广州成立，注册资本人民币1000万元 </span></li>
                  <li><span class="month">08月</span><span class="dot"></span><span class="con">公司自主研发首个在线教育技术平台上线
                    </span></li>
                  <li><span class="month">12月</span><span class="dot"></span><span class="con">教研中心、技术研发中心相继成立</span>
                  </li>
                </ul>
              </div><span class="line h-3"></span>
            </li>
            <li class="history-item">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2014年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">03月</span><span class="dot"></span><span class="con">公司旗下首个网课摄制基地落地东莞</span>
                  </li>
                </ul>
              </div><span class="line h-1"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2015年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">02月</span><span class="dot"></span><span
                      class="con">“必过”在线教育OEM平台立项开发，首创教育行业OEM服务模式</span></li>
                  <li><span class="month">07月</span><span class="dot"></span><span class="con">“必过”获得国家作品著作权登记认证</span>
                  </li>
                </ul>
              </div><span class="line h-2"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2016年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">04月</span><span class="dot"></span><span
                      class="con">“必过”平台首批500门精品课程发布上线</span></li>
                </ul>
              </div><span class="line h-1"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2017年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">11月</span><span class="dot"></span><span
                      class="con">自主产品教培机构客户管理软件、必过智能在线学习安卓平台获得国家版权局计算机软件著作权</span></li>
                  <li><span class="month">12月</span><span class="dot"></span><span
                      class="con">自主产品教学管理软件、必过学习平台、培训机构学生管理软件获得国家版权局计算机软件著作权</span></li>
                </ul>
              </div><span class="line h-2"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2018年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">05月</span><span class="dot"></span><span class="con">广州、长沙两大网课摄制基地投入使用
                    </span></li>
                  <li><span class="month">08月</span><span class="dot"></span><span
                      class="con">自主产品教学管理软件、必过学习平台、培训机构学生管理软件获得国家版权局计算机软件著作权</span></li>
                  <li>
                  <li><span class="month">10月</span><span class="dot"></span><span
                      class="con">业内首家实现系列产品的1000家客户签约合作</span></li>
                  <li><span class="month">11月</span><span class="dot"></span><span
                      class="con">“必过”赋能B端机构服务超过100万名学员</span></li>
                  <li><span class="month">12月</span><span class="dot"></span><span
                      class="con">旗下在线教育视频直播互动系统、网络课程设计管理系统获得国家版权局计算机软件著作权</span></li>
                </ul>
              </div><span class="line h-5"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2019年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">05月</span><span class="dot"></span><span
                      class="con">成都、重庆、南宁、西安等城市销售服务中心成立，覆盖全国主要20+大中城市 </span></li>
                  <li><span class="month">06月</span><span class="dot"></span><span
                      class="con">连续第三年通过“国家科技型中小企业”资质认定</span></li>
                  <li>
                  <li><span class="month">06月</span><span class="dot"></span><span
                      class="con">在线全真模拟考试系统、教学智能题库管理系统获得国家版权局计算机软件著作权</span></li>
                  <li><span class="month">12月</span><span class="dot"></span><span class="con">平台通过公安系统二级安全等级保护认证</span>
                  </li>
                </ul>
              </div><span class="line h-4"></span>
            </li>
            <li class="history-item ">
              <div class="history-l">
                <div class="dot"><span></span></div><span class="year">2020年</span>
              </div>
              <div class="history-r">
                <ul>
                  <li><span class="month">04月</span><span class="dot"></span><span
                      class="con">获得广电局审批的广播电视节目制作、发行许可资质+大中城市 </span></li>
                  <li><span class="month">06月</span><span class="dot"></span><span class="con">连续第三年通过“国家科技型中小企业”资质认定
                      06月 华翰科技“赋能教育数字化”品牌战略全新升级</span></li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
        <div class="contents-box">
          <div class="information-container w">
            <h4 class="h3 ">品牌实力</h4>
            <div class="box">
              <div class="info-item">
                <div class="top">8年</div>
                <div class="bottom">技术沉淀</div>
              </div>
              <div class="info-item">
                <div class="top">17年</div>
                <div class="bottom">教研经验</div>
              </div>
              <div class="info-item">
                <div class="top">20+</div>
                <div class="bottom">城市营销服务中心</div>
              </div>
              <div class="info-item">
                <div class="top">10+</div>
                <div class="bottom">自主知识产权资质</div>
              </div>
              <div class="info-item">
                <div class="top">3000+</div>
                <div class="bottom">机构客户选择</div>
              </div>
              <div class="info-item">
                <div class="top">500万+</div>
                <div class="bottom">间接服务学员</div>
              </div>
              <div class="info-item">
                <div class="top">1500+</div>
                <div class="bottom">热门课程</div>
              </div>
            </div>
          </div>
        </div>
        <h4 class="h4 w">华翰科技“赋能教育数字化”品牌战略升级</h4>
        <div class="pinpai w">
          <ul>
            <li><img src="./image/01.png" alt="">
              <div class="funeng">为教育行业赋能</div>
              <div class="txt">整合创新资源，发掘增长新极，创造转型动能，推动中国在线教育行业高速发展</div>
            </li>
            <li><img src="./image/02.png" alt="">
              <div class="funeng">为教培机构赋能</div>
              <div class="txt">创新运营模式，降低投资成本，增强盈利能力，实现商业价值变现及长期稳定增长</div>
            </li>
            <li><img src="./image/03.png" alt="">
              <div class="funeng">为机构校长赋能</div>
              <div class="txt">嬗革经营思维，全面省心服务，提升管理能效，创新引领教培行业精英事业成长</div>
            </li>
            <li><img src="./image/04.png" alt="">
              <div class="funeng">为学员及受众（间接）赋能</div>
              <div class="txt">海量名师名课，优质知识产品，学考轻松便捷，技术驱动教、学、考、管一体化服务新时代</div>
            </li>
            <li><img src="./image/05.png" alt="">
              <div class="funeng">为企业大学赋能</div>
              <div class="txt">打造商企培训平台，控制内训成本，优化组织价值，夯实企业人力资源战略格局</div>
            </li>
            <li><img src="./image/06.png" alt="">
              <div class="funeng">为知识付费赋能</div>
              <div class="txt">聚焦知识商业，打通流量闭环，塑造知识品牌，构建知识价值共融增长的良性生态</div>
            </li>
          </ul>
        </div>
      </div>
      <div id="tab2" class="item"></div>
      <div id="tab3" class="item"></div>
      <div id="tab4" class="item"></div>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wrapper-item">
          <div class="title">教育数字化解决方案</div>
          <ul>
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程解决方案</a></li>
            <li><a href="">E校通教育与知识数字化解决方案</a></li>
            <li><a href="">教务数字化管理解决方案</a></li>
            <li><a href="">CRM数字化营销解决方案</a></li>
            <li><a href="">学员数字化学习解决方案</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">行业解决方案</div>
          <ul>
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">关于华翰</div>
          <ul>
            <li><a href="">品牌故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li class="hasChild"><a href="">联系我们</a><span class="child">必过帮助中心</span><span class="child">E校通帮助中心</span>
            </li>
          </ul>
        </div>
        <div class="wxcode"><img src="./image/service.png" alt="华翰科技官方服务号"><span>华翰科技官方服务号</span></div>
        <div class="wxcode"><img src="./image//subscription.png" alt="华翰科技官方订阅号"><span>华翰科技官方订阅号</span></div>
        <div class="phone">
          <div class="number">400-001-5920</div><span>全国免费咨询服务热线</span>
        </div>
      </div>
      <div class="hr"></div>
      <div class="footer-bottom">
        <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <ul class="copyright">
          <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
  </footer>
</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
  new WOW().init();
  $(function () {

      // 一级下拉
      $('.nav .nav-item').each(function (index, item) {
          $(item).hover(function () {
              // 添加active
              $(item).addClass('active').siblings().removeClass('active'); // 展开一级下拉

              if ($(item).children('.sub-nav')) {
                $(item).children('.sub-nav').stop().slideDown();
              }
            }

            ,
            function () {
              $(item).removeClass('active');

              if ($(item).children('.sub-nav')) {
                $(item).children('.sub-nav').stop().slideUp();
              }
            }

          )
        }

      ) // 二级下拉

      $('.sub-nav li').each(function (index, item) {
          if ($(item).children('.sub2-nav').length > 0) {
            $(item).hover(function () {
                $(item).children('.sub2-nav').stop().slideToggle();
              }

            )
          }
        }

      )
    }

  ) // tabs切换

  $('#tabs a').click(function (e) {
      e.preventDefault();
      $('#tabs li').removeClass("current").removeClass("hoverItem");
      $(this).parent().addClass("current");
      // $("#contents div").removeClass("show");
      // $('#' + $(this).attr('title')).addClass('show');
    }

  );

  $('#tabs a').hover(function () {
      if (!$(this).parent().hasClass("current")) {
        $(this).parent().addClass("hoverItem");
      }
    }

    ,
    function () {
      $(this).parent().removeClass("hoverItem");
    }

  );

  // 滚动遮盖效果1，整个遮盖，每个月记录增加30px
  $(window).on('scroll', () => {
    let $fixedheader = $('#box'); // fixed容器
    let totop = $fixedheader.offset().top; //盒子到顶部的距离
    var wintop = $(window).scrollTop(); // 已滚动卷去的高度
    let winHeight = $(window).height(); // 可视窗口的高度
    // 2013年
    if (wintop >= totop - 100) {
      $('.history-item').slice(0, 1).addClass('active')
    } else {
      $('.history-item').slice(0, 1).removeClass('active')
    }
    // 2014年
    if (wintop >= totop - 10) {
      $('.history-item').slice(1, 2).addClass('active')
    } else {
      $('.history-item').slice(1, 2).removeClass('active')
    }
    // 2015年
    if (wintop >= totop + 50) {
      $('.history-item').slice(2, 3).addClass('active')
    } else {
      $('.history-item').slice(2, 3).removeClass('active')
    }
    // 2016年
    if (wintop >= totop + 80) {
      $('.history-item').slice(3, 4).addClass('active')
    } else {
      $('.history-item').slice(3, 4).removeClass('active')
    }
    // 2017年
    if (wintop >= totop + 140) {
      $('.history-item').slice(4, 5).addClass('active')
    } else {
      $('.history-item').slice(4, 5).removeClass('active')
    }
    // 2018年
    if (wintop >= totop + 290) {
      $('.history-item').slice(5, 6).addClass('active')
    } else {
      $('.history-item').slice(5, 6).removeClass('active')
    }
    // 2019年
    if (wintop >= totop + 410) {
      $('.history-item').slice(6, 7).addClass('active')
    } else {
      $('.history-item').slice(6, 7).removeClass('active')
    }
    // 2020年
    if (wintop >= totop + 470) {
      $('.history-item').slice(7, 8).addClass('active')
    } else {
      $('.history-item').slice(7, 8).removeClass('active')
    }
  })

  // // 滚动遮盖效果，所有单个遮盖
  // $(window).on('scroll', () => {
  //   let $fixedheader = $('#box'); // fixed容器
  //   let totop = $fixedheader.offset().top; //盒子到顶部的距离
  //   var wintop = $(window).scrollTop(); // 已滚动卷去的高度
  //   let winHeight = $(window).height(); // 可视窗口的高度

  //   if (wintop >= totop - 100) {

  //     $('.history-item').slice(0, 1).addClass('active')
  //     // $('.history-item').children('div.history-l').slice(0, 1).addClass('active')
  //     // $('.history-item div.history-r li').slice(0, 1).addClass('active')
  //     // if (wintop >= totop - 80) {
  //     //   $('.history-item').children('div.history-l').slice(0, 1).addClass('active')
  //     //   $('.history-item div.history-r li').slice(0, 2).addClass('active')
  //     // } else {
  //     //   $('.history-item').children('div.history-l').slice(0, 1).removeClass('active')
  //     //   $('.history-item div.history-r li').slice(0, 2).removeClass('active')
  //     // }
  //     // if (wintop >= totop - 60) {
  //     //   $('.history-item').children('div.history-l').slice(0, 1).addClass('active')
  //     //   $('.history-item div.history-r li').slice(0, 3).addClass('active')
  //     //   $('.history-item ').children('span.line').slice(0, 1).addClass('active')
  //     // } else {
  //     //   $('.history-item').children('div.history-l').slice(0, 1).removeClass('active')
  //     //   $('.history-item div.history-r li').slice(0, 3).removeClass('active')
  //     //   $('.history-item ').children('span.line').slice(0, 1).removeClass('active')
  //     // }
  //   } else {
  //     // $('.history-item').children('div.history-l').slice(0, 1).removeClass('active')
  //     // $('.history-item div.history-r li').removeClass('active')
  //     $('.history-item').slice(0, 1).removeClass('active')
  //   }
  //   if (wintop >= totop - 80) {
  //     $('.history-item').slice(1, 2).addClass('active')
  //   } else {
  //     $('.history-item').slice(1, 2).removeClass('active')
  //   }

  // })
  const mySwiper = new Swiper('.swiper-container', {
      autoplay: {
        delay: 3000,
        disableOnInteraction: false,
      }

      ,
      loop: true, // 循环模式选项

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      }

      ,
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }

      ,

      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      }

      ,
    }

  )
</script>

</html>